/*每个页面公共css */
	page {
		height: 100%;
		// display: flex;
		font-size: 14px;
	}

	input,
	textarea,
	button {
		font-size: 14px;
	}

	/* #ifdef MP-BAIDU */
	page {
		width: 100%;
		height: 100%;
		display: block;
	}

	swan-template {
		width: 100%;
		min-height: 100%;
		display: flex;
	}

	/* 原生组件模式下需要注意组件外部样式 */
	custom-component {
		width: 100%;
		min-height: 100%;
		display: flex;
	}

	/* #endif */

	/* #ifdef MP-ALIPAY */
	page {
		min-height: 100vh;
	}

	/* #endif */

	/* 原生组件模式下需要注意组件外部样式 */
	m-input {
		width: 100%;
		/* min-height: 100%; */
		display: flex;
		flex: 1;
	}

	.content {
		display: flex;
		flex: 1;
		flex-direction: column;
		background-color: #efeff4;
		padding: 10px;
		min-height: 100vh;
	}

	.input-group {
		background-color: #ffffff;
		margin-top: 20px;
		position: relative;
	}

	.input-group::before {
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c8c7cc;
	}

	.input-group::after {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c8c7cc;
	}

	.input-row {
		display: flex;
		flex-direction: row;
		position: relative;
		/* font-size: 18px; */
		height: 40px;
		line-height: 40px;
	}

	.input-row .title {
		width: 70px;
		padding-left: 15px;
	}

	.input-row.border::after {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 8px;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c8c7cc;
	}

	.btn-row {
		margin-top: 25px;
		padding: 10px;
	}

	button.primary {
		background-color: #0faeff;
	}
	.wrap{
		width:100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		// padding: 20rpx;
		box-sizing: border-box;
		background: #EFEFEE;
	}
	.main-body{
		width:100%;
		padding:20rpx;
		background: #fff;
		border:1px solid green;
		// margin:20rpx 0;
		h2{
			font-size: 36rpx;
			border-bottom:1px solid #eee;
			padding:10rpx;
			display: flex;
			align-items: center;
			font-weight: bold;
			&::before{
				content: "";
				width:6rpx;
				height:24rpx;
				background: #f00;
				margin:0 8rpx 0 0;
			}
		}
	}
	.up-btn{
		    width: 100px;
		    height: 100px;
		    overflow: hidden;
		    margin: 5px;
		    background: #f4f5f6;
		    position: relative;
		    border-radius: 4px;
		    display: -webkit-box;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		    -webkit-box-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
			flex-direction: column;
			&::before{
				font: normal normal normal 14px/1 "uicon-iconfont";
				content: "\e62d";
				font-size: 40rpx;
				color:#666;
				margin:16rpx 0;
			}
			&>.text{
				color:#666;
					font-size: 26rpx;
			}
	}
	.bg-white{
		background: #fff;
	}
	uni-page-body{
		height: 100%;
	}
	.u-form-item--left__content{
		display: flex;
		
		.u-form-item--left__content--required{
			position: relative !important;
			left:0  !important;
		}
	}
	@import './tailwind.scss';